軸
軸はグラフに不可欠な部分です。これらは、データがチャート上のピクセル値にどのようにマッピングされるかを決定するために使用されます。デカルト チャートには、2 次元のキャンバスに点をマッピングするための 1 つ以上の X 軸と 1 つ以上の Y 軸があります。これらの軸は次のように知られています「デカルト軸」。
レーダー チャートや極エリア チャートなどの放射状チャートには、角度方向と半径方向の点をマッピングする 1 つの軸があります。これらはとして知られています「放射軸」。
Chart.js >v2.0 のスケールは大幅に強力ですが、v1.0 のスケールとは異なります。
- 複数の X 軸と Y 軸がサポートされています。
- 組み込みのラベル自動スキップ機能は、重複する可能性のある目盛とラベルを検出し、n 番目ごとのラベルを削除して、正常に表示された状態を保ちます。
- スケールタイトルがサポートされています。
- 新しいスケール タイプは、まったく新しいグラフ タイプを作成しなくても拡張できます。
共通構成
次のプロパティは、Chart.js によって提供されるすべての軸に共通です。
| 名前 | タイプ | デフォルト | 説明 |
|---|---|---|---|
display |
boolean|string |
true |
軸のグローバル可視性を制御します (次の場合に表示されます)。true、いつ隠されるかfalse）。いつdisplay: 'auto'、軸は、少なくとも 1 つの関連データセットが表示されている場合にのみ表示されます。 |
callbacks |
object |
軸のライフサイクルにフックするコールバック関数。もっと... | |
weight |
number |
0 |
軸のソートに使用される重み。重みが大きいほど、チャート領域から遠くなります。 |
コールバック
更新プロセスのさまざまな時点でスケールのパラメーターを変更するために使用できる構成コールバックが多数あります。
| 名前 | 引数 | 説明 |
|---|---|---|
beforeUpdate |
axis |
更新プロセスが開始される前に呼び出されるコールバック。 |
beforeSetDimensions |
axis |
ディメンションが設定される前に実行されるコールバック。 |
afterSetDimensions |
axis |
ディメンションが設定された後に実行されるコールバック。 |
beforeDataLimits |
axis |
データ制限が決定される前に実行されるコールバック。 |
afterDataLimits |
axis |
データ制限が決定された後に実行されるコールバック。 |
beforeBuildTicks |
axis |
ティックが作成される前に実行されるコールバック。 |
afterBuildTicks |
axis、ticks |
ティックの作成後に実行されるコールバック。ダニのフィルタリングに役立ちます。フィルタリングされたティックを返す必要があります。 |
beforeTickToLabelConversion |
axis |
ティックが文字列に変換される前に実行されるコールバック。 |
afterTickToLabelConversion |
axis |
ティックが文字列に変換された後に実行されるコールバック。 |
beforeCalculateTickRotation |
axis |
目盛りの回転が決定される前に実行されるコールバック。 |
afterCalculateTickRotation |
axis |
ティック回転が決定された後に実行されるコールバック。 |
beforeFit |
axis |
スケールがキャンバスに適合する前に実行されるコールバック。 |
afterFit |
axis |
スケールがキャンバスにフィットした後に実行されるコールバック。 |
afterUpdate |
axis |
更新プロセスの最後に実行されるコールバック。 |
軸のデフォルトの更新
スケールのデフォルト構成は、スケール サービスを使用して簡単に変更できます。必要なのは、現在のスケールのデフォルト構成とマージされて新しいデフォルトを形成する部分構成を渡すことだけです。
たとえば、すべての線形スケールの最小値を 0 に設定するには、次の手順を実行します。この時間以降に作成された線形スケールの最小値は 0 になります。
Chart.scaleService.updateScaleDefaults('linear', {
ticks: {
min: 0
}
});
新しい軸の作成
新しい軸を作成するには、を参照してください。開発者ドキュメント。